1 <!-- Edit this file to change the layout of the detail view form -->
2
3 <a name="detail-view"></a>
4 <div class="panel-heading"><h3 class="panel-title"><strong><%%DETAIL_VIEW_TITLE%%></strong></h3></div>
5
6 <div class="panel-body" id="medical_records_dv_container">
7 <!-- child links -->
8 <div class="row">
9 <div class="col-xs-12">
10 <div class="clearfix"></div>
11 </div>
12 </div>
13 <hr>
14
15 <div class="row">
16 <!-- form inputs -->
17 <div class="col-md-8 col-lg-10" id="medical_records_dv_form">
18 <fieldset class="form-horizontal">
19
20 <div class="form-group">
21 <label for="id" class="control-label col-lg-3">ID</label>
22 <div class="col-lg-9">
23 <div class="form-control-static" id="id"><%%VALUE(id)%%></div>
24 </div>
25 </div>
26
27 <div class="form-group">
28 <label for="patient" class="control-label col-lg-3" data-parent_link="view_parent_modal">Patient</label>
29 <div class="col-lg-9">
30 <div class="form-control-static"><span id="patient-readonly"><%%COMBOTEXT(patient)%%></span> <%%PLINK(patient)%%></div>
31 </div>
32 </div>
33
34 <div class="form-group">
35 <label class="control-label col-lg-3">Image 1 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#image_1-description"></i></label>
36 <div class="col-lg-9">
37 <span class="help-block collapse" id="image_1-description"><div class="alert alert-info">Maximum file size allowed: 1000 KB.<br>Allowed file types: jpg, jpeg, gif, png</div></span>
38
39 <div class="form-control-static"><div class="pull-left">
40
41 <img src="thumbnail.php?i=<%%VALUE(image_1)%%>&t=medical_records&f=image_1&v=dv" class="img-thumbnail" id="image_1-image">
42 </div>
43
44 <div class="pull-right" style="overflow-x: hidden;">
45 <div class="hidden-md hidden-lg vspacer-lg"></div>
46 <%%UPLOADFILE(image_1)%%>
47 <%%REMOVEFILE(image_1)%%>
48 </div>
49 <div class="clearfix"></div>
50 </div>
51
52 </div>
53 </div>
54
55 <div class="form-group">
56 <label class="control-label col-lg-3">Image 2 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#image_2-description"></i></label>
57 <div class="col-lg-9">
58 <span class="help-block collapse" id="image_2-description"><div class="alert alert-info">Maximum file size allowed: 1000 KB.<br>Allowed file types: jpg, jpeg, gif, png</div></span>
59
60 <div class="form-control-static"><div class="pull-left">
61
62 <img src="thumbnail.php?i=<%%VALUE(image_2)%%>&t=medical_records&f=image_2&v=dv" class="img-thumbnail" id="image_2-image">
63 </div>
64
65 <div class="pull-right" style="overflow-x: hidden;">
66 <div class="hidden-md hidden-lg vspacer-lg"></div>
67 <%%UPLOADFILE(image_2)%%>
68 <%%REMOVEFILE(image_2)%%>
69 </div>
70 <div class="clearfix"></div>
71 </div>
72
73 </div>
74 </div>
75
76 <div class="form-group">
77 <label class="control-label col-lg-3">Image 3 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#image_3-description"></i></label>
78 <div class="col-lg-9">
79 <span class="help-block collapse" id="image_3-description"><div class="alert alert-info">Maximum file size allowed: 1000 KB.<br>Allowed file types: jpg, jpeg, gif, png</div></span>
80
81 <div class="form-control-static"><div class="pull-left">
82
83 <img src="thumbnail.php?i=<%%VALUE(image_3)%%>&t=medical_records&f=image_3&v=dv" class="img-thumbnail" id="image_3-image">
84 </div>
85
86 <div class="pull-right" style="overflow-x: hidden;">
87 <div class="hidden-md hidden-lg vspacer-lg"></div>
88 <%%UPLOADFILE(image_3)%%>
89 <%%REMOVEFILE(image_3)%%>
90 </div>
91 <div class="clearfix"></div>
92 </div>
93
94 </div>
95 </div>
96
97 <div class="form-group">
98 <label class="control-label col-lg-3">Image 4 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#image_4-description"></i></label>
99 <div class="col-lg-9">
100 <span class="help-block collapse" id="image_4-description"><div class="alert alert-info">Maximum file size allowed: 1000 KB.<br>Allowed file types: jpg, jpeg, gif, png</div></span>
101
102 <div class="form-control-static"><div class="pull-left">
103
104 <img src="thumbnail.php?i=<%%VALUE(image_4)%%>&t=medical_records&f=image_4&v=dv" class="img-thumbnail" id="image_4-image">
105 </div>
106
107 <div class="pull-right" style="overflow-x: hidden;">
108 <div class="hidden-md hidden-lg vspacer-lg"></div>
109 <%%UPLOADFILE(image_4)%%>
110 <%%REMOVEFILE(image_4)%%>
111 </div>
112 <div class="clearfix"></div>
113 </div>
114
115 </div>
116 </div>
117
118 <div class="form-group">
119 <label class="control-label col-lg-3">Image 5 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#image_5-description"></i></label>
120 <div class="col-lg-9">
121 <span class="help-block collapse" id="image_5-description"><div class="alert alert-info">Maximum file size allowed: 1000 KB.<br>Allowed file types: jpg, jpeg, gif, png</div></span>
122
123 <div class="form-control-static"><div class="pull-left">
124
125 <img src="thumbnail.php?i=<%%VALUE(image_5)%%>&t=medical_records&f=image_5&v=dv" class="img-thumbnail" id="image_5-image">
126 </div>
127
128 <div class="pull-right" style="overflow-x: hidden;">
129 <div class="hidden-md hidden-lg vspacer-lg"></div>
130 <%%UPLOADFILE(image_5)%%>
131 <%%REMOVEFILE(image_5)%%>
132 </div>
133 <div class="clearfix"></div>
134 </div>
135
136 </div>
137 </div>
138
139 <div class="form-group">
140 <label class="control-label col-lg-3">Document 1 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#document_1-description"></i></label>
141 <div class="col-lg-9">
142 <span class="help-block collapse" id="document_1-description"><div class="alert alert-info">Maximum file size allowed: 5000 KB.<br>Allowed file types: txt, doc, docx, docm, odt, pdf, rtf</div></span>
143
144 <div class="pull-right" style="overflow-x: hidden;">
145 <div class="hidden-md hidden-lg vspacer-lg"></div>
146 <%%UPLOADFILE(document_1)%%>
147 <%%REMOVEFILE(document_1)%%>
148 </div>
149 <div class="clearfix"></div>
150
151 </div>
152 </div>
153
154 <div class="form-group">
155 <label class="control-label col-lg-3">Document 2 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#document_2-description"></i></label>
156 <div class="col-lg-9">
157 <span class="help-block collapse" id="document_2-description"><div class="alert alert-info">Maximum file size allowed: 5000 KB.<br>Allowed file types: txt, doc, docx, docm, odt, pdf, rtf</div></span>
158
159 <div class="pull-right" style="overflow-x: hidden;">
160 <div class="hidden-md hidden-lg vspacer-lg"></div>
161 <%%UPLOADFILE(document_2)%%>
162 <%%REMOVEFILE(document_2)%%>
163 </div>
164 <div class="clearfix"></div>
165
166 </div>
167 </div>
168
169 <div class="form-group">
170 <label class="control-label col-lg-3">Document 3 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#document_3-description"></i></label>
171 <div class="col-lg-9">
172 <span class="help-block collapse" id="document_3-description"><div class="alert alert-info">Maximum file size allowed: 5000 KB.<br>Allowed file types: txt, doc, docx, docm, odt, pdf, rtf</div></span>
173
174 <div class="pull-right" style="overflow-x: hidden;">
175 <div class="hidden-md hidden-lg vspacer-lg"></div>
176 <%%UPLOADFILE(document_3)%%>
177 <%%REMOVEFILE(document_3)%%>
178 </div>
179 <div class="clearfix"></div>
180
181 </div>
182 </div>
183
184 <div class="form-group">
185 <label class="control-label col-lg-3">Document 4 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#document_4-description"></i></label>
186 <div class="col-lg-9">
187 <span class="help-block collapse" id="document_4-description"><div class="alert alert-info">Maximum file size allowed: 5000 KB.<br>Allowed file types: txt, doc, docx, docm, odt, pdf, rtf</div></span>
188
189 <div class="pull-right" style="overflow-x: hidden;">
190 <div class="hidden-md hidden-lg vspacer-lg"></div>
191 <%%UPLOADFILE(document_4)%%>
192 <%%REMOVEFILE(document_4)%%>
193 </div>
194 <div class="clearfix"></div>
195
196 </div>
197 </div>
198
199 <div class="form-group">
200 <label class="control-label col-lg-3">Document 5 <i class="glyphicon glyphicon-info-sign text-info" data-toggle="collapse" data-target="#document_5-description"></i></label>
201 <div class="col-lg-9">
202 <span class="help-block collapse" id="document_5-description"><div class="alert alert-info">Maximum file size allowed: 5000 KB.<br>Allowed file types: txt, doc, docx, docm, odt, pdf, rtf</div></span>
203
204 <div class="pull-right" style="overflow-x: hidden;">
205 <div class="hidden-md hidden-lg vspacer-lg"></div>
206 <%%UPLOADFILE(document_5)%%>
207 <%%REMOVEFILE(document_5)%%>
208 </div>
209 <div class="clearfix"></div>
210
211 </div>
212 </div>
213
214 <div class="form-group">
215 <label for="description" class="control-label col-lg-3">Description</label>
216 <div class="col-lg-9">
217 <textarea class="form-control" name="description" id="description" rows="5"><%%VALUE(description)%%></textarea>
218 </div>
219 </div>
220
221 </fieldset>
222 </div>
223
224 <!-- DV action buttons -->
225 <div class="col-md-4 col-lg-2" id="medical_records_dv_action_buttons">
226 <div class="btn-toolbar">
227 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
228 <%%UPDATE_BUTTON%%>
229 </div><p></p>
230 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
231 <%%DESELECT_BUTTON%%>
232 <%%DVPRINT_BUTTON%%>
233 <%%DELETE_BUTTON%%>
234 </div><p></p>
235 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
236 <%%INSERT_BUTTON%%>
237 </div>
238 </div>
239 </div>
240 </div>
241
242
243 </div><!-- /div class="panel-body" -->
244 <script>
245 $j(function() {
246 var add_new_mode = (!$j('input[name=SelectedID]').val());
247 var embedded_mode = ($j('input[name=Embedded]').val() == 1);
248
249 /* auto-close embedded page? */
250 var autoclose_mode = ($j('input[name=AutoClose]').val() == 1);
251 var record_added_ok = (location.search.split('record-added-ok=').length == 2);
252 var record_updated_ok = (location.search.split('record-updated-ok=').length == 2);
253 if((record_added_ok || record_updated_ok) && embedded_mode && autoclose_mode){
254 setTimeout(function(){
255 window.parent.jQuery('.modal').modal('hide');
256 }, 2000);
257 }
258
259 /* enable DV action buttons to float on scrolling down the form */
260 enable_dvab_floating();
261
262 $j('select, input[type=text], textarea').not(':disabled').eq(0).focus();
263 $j('form').eq(0).change(function(){
264 if($j(this).data('already_changed')) return;
265 if($j('#deselect').length) $j('#deselect').removeClass('btn-default').addClass('btn-warning').get(0).lastChild.data = " <%%TRANSLATION(Cancel)%%>";
266 $j(this).data('already_changed', true);
267 });
268
269 $j('a[href="<%%TRANSLATION(ImageFolder)%%>"]').click(function(){ return false; });
270
271
272 if(!embedded_mode){
273 /* add a horizontal spacer to [add new parent] buttons that don't have a spacered element before them */
274 $j('.add_new_parent').prev(':not(.hspacer-md)').next().addClass('hspacer-md');
275
276 $j('.add_new_parent').click(function(){
277 var pt = $j(this).attr('id').replace(/_add_new$/, '');
278 modal_window({
279 url: pt + '_view.php?addNew_x=1&Embedded=1',
280 close: function(){
281 var field_id = $j('#' + pt + '_add_new').prevAll('input:hidden').eq(0).attr('id');
282 $j('#' + field_id + '-container').select2('focus').select2('focus');
283 },
284 size: 'full',
285 title: $j(this).attr('title')
286 });
287 });
288 }
289
290 /* find and hide parent links if field label has data 'parent_link' set to 'view_parent_hidden' */
291 $j('label[data-parent_link=view_parent_hidden]').each(function(){
292 $j(this).parents('.form-group').find('.view_parent').hide();
293 });
294
295 $j('form').on('click', '.view_parent', function(){
296 var pt = $j(this).attr('id').replace(/_view_parent$/, '');
297 if($j(this).prevAll('input:hidden').length){
298 var parent_id = $j(this).prevAll('input:hidden').eq(0).val();
299 }else{
300 var parent_id = $j(this).prevAll().children('input:hidden').eq(0).val();
301 }
302
303 /* handle radio lookups */
304 if($j(this).prevAll('[type=radio]').length){
305 parent_id = $j(this).prevAll('[type=radio]').eq(0).val();
306 }
307
308 if(parent_id != '{empty_value}'){
309 var parent_link = $j(this).parents('.form-group').children('label').data('parent_link');
310 switch(parent_link){
311 case 'view_parent_hidden':
312 break;
313 case 'view_parent_modal':
314 modal_window({
315 url: pt + '_view.php?Embedded=1&SelectedID=' + encodeURIComponent(parent_id),
316 close: function(){
317 var field_id = $j('#' + pt + '_view_parent').prevAll('input:hidden').eq(0).attr('id');
318 $j('#' + field_id + '-container').select2('focus').select2('focus');
319 },
320 size: 'full',
321 title: $j(this).attr('title')
322 });
323 break;
324 case 'view_parent_same_window':
325 window.location = pt + '_view.php?Embedded=' + (embedded_mode ? '1' : '') + '&SelectedID=' + encodeURIComponent(parent_id);
326 break;
327 case 'view_parent_new_window':
328 window.open(pt + '_view.php?SelectedID=' + encodeURIComponent(parent_id));
329 break;
330 }
331
332 }
333 });
334
335
336 /* load admin tools for admin user */
337 if(!add_new_mode){
338 $j('body').append('<div id="admin-tools-appendix"></div>');
339 $j('#admin-tools-appendix').load(
340 'ajax_admin_tools.php?table=medical_records&id=<%%URLVALUE(id)%%>',
341 function(resp){
342 if(!resp.length) return;
343 $j.ajax('ajax_admin_tools.php?action=get_admin_tools_js&table=medical_records&id=<%%URLVALUE(id)%%>');
344 }
345 );
346 }
347
348 /* warn user if 'add new' clicked while unsaved changes exist */
349 $j('#addNew').click(function(){
350 if($j('#deselect.btn-warning').length){
351 return confirm('<%%TRANSLATION(discard changes confirm)%%>');
352 }
353 });
354
355 });
356 </script>